page{
	background-color: #ffffff;
}

.text-box {
	width: 100%;
	display: flex;
	padding: 30rpx;
	box-sizing: border-box;
	.text-box-icon {
		width: 30rpx;
		height: 30rpx;
	}
	.text-box-txt {
		font-weight: 500;
		font-size: 32rpx;
		color: #46973B;
		line-height: 32rpx;
		margin-left: 8rpx;
	}
}
.img-box-all {
	width: 100%;
}
.img_box{
	width: 100%;
	padding-top: 80rpx;
	box-sizing: border-box;
	background-color: #ffffff;
}
.img_box-avatar {
	width: 194rpx;
	height: 194rpx;
	border-radius: 50%;
}
.icon-text {
	width: 100%;
	font-weight: 400;
	font-size: 24rpx;
	color: #666666;
	margin-top: 20rpx;
	text-align: center;
}
.set-box {
	width: 100%;
	margin-top: 30rpx;
	padding: 0 30rpx 30rpx 30rpx;
	box-sizing: border-box;
	.set-box-item {
		width: 100%;
		height: 80rpx;
		margin-top: 20rpx;
		line-height: 80rpx;
		display: flex;
		justify-content: space-between;
		.set-box-item-title {
			width: 140rpx;
			height: 80rpx;
			font-size: 28rpx;
			font-weight: 400;
			color: #5D5D5D;
			line-height: 80rpx;
		}
		.set-box-item-input {
			width: 550rpx;
			height: 80rpx;
			border-bottom: 1px solid #F6F6F6;
			display: flex;
			justify-content: space-between;
			.set-input {
				width: 490rpx;
				height: 80rpx;
			}
			.choose-area {
				width: 490rpx;
				height: 80rpx;
				font-weight: 400;
				font-size: 28rpx;
				color: #303133;
				line-height: 80rpx;
				white-space: nowrap; /* 不换行 */
				 overflow: hidden; /* 超出部分隐藏 */
				 text-overflow: ellipsis; 
			}
			.input-flex {
				width: 490rpx;
				display: flex;
				justify-content: space-between;
				.flex-input {
					width: 400rpx;
					height: 80rpx;
				}
				.flex-text {
					font-weight: 400;
					font-size: 28rpx;
					color: #333333;
				}
			}
			.set-icon-box {
				height: 80rpx;
				line-height: 80rpx;
				.set-icon {
					width: 28rpx;
					height: 28rpx;
				}
			}
			
		}
		.set_box-item-text {
			width: 610rpx;
			height: 192rpx;
			background: #F6F6F6;
			border-radius: 10rpx;
			padding-left: 20rpx;
			box-sizing: border-box;
			padding-top: 10rpx;
			.textarea-input {
				width: 100%;
				height: 100%;
			}
		}
	}
}
.save_btn{
	background: linear-gradient(180deg, #8FC55C 0%, #3F8E5E 100%);
	width: 690rpx;
	height: 100rpx;
	text-align: center;
	line-height: 100rpx;
	position: absolute;
	left: 30rpx;
	bottom: 100rpx;
	border-radius: 50rpx;
	font-size: 32rpx;
	font-weight: 500;
	color: #FFFFFF;
}

button::after {
  border: none;
}
.right-icon {
	width: 26rpx;
	height: 26rpx;
}
input::-webkit-input-placeholder {
	color: #333333;
}

.choose-type-box {
 	width: 100%;
 	.type-box-title {
 		width: 100%;
 		line-height: 100rpx;
 		text-align: center;
 		font-size: 32rpx;
 		font-weight: 500;
 		color: #333333;
 	}
 	.scorll-view {
 		max-height: 800rpx;
 		padding: 0 40rpx 40rpx 18rpx;
 		box-sizing: border-box;
 		
 		.scorll-view-boxs {
 			display: flex;
 			flex-wrap: wrap;
 			.scorll-view-item {
 				width: 208rpx;
 				height: 70rpx;
 				border-radius: 36rpx;
 				border: 1rpx solid #9A9A9A;
 				margin-bottom: 30rpx;
 				margin-left: 22rpx;
 				line-height: 70rpx;
 				font-size: 24rpx;
 				font-weight: 400;
 				color: #333333;
 				display: flex;
 				justify-content: center;
				
 				.scorll-view-icon {
 					width: 24rpx;
 					height: 24rpx;
 					margin-top: 24rpx;
 				}
 			}
 			.scorll-view-item-active {
 				border: 1rpx solid #46973B;
 				color: #46973B;
				background-color: #EFFCDC;
 			}
			
			.yaoyue-scroll-view {
				margin-bottom: 40rpx;
				padding-left: 12rpx;
				box-sizing: border-box;
				.yaoyue-scroll-title {
					font-weight: 400;
					font-size: 32rpx;
					color: #333333;
				}
				.yaoyue-scroll-choose {
					width: 100%;
					display: flex;
					flex-wrap: wrap;
					margin-top: 30rpx;
					.yaoyue-choose-item {
						width: 160rpx;
						height: 70rpx;
						border-radius: 36rpx;
						border: 1rpx solid #9A9A9A;
						font-weight: 400;
						font-size: 28rpx;
						color: #333333;
						text-align: center;
						line-height: 70rpx;
						margin-right: 30rpx;
					}
				}
			}
 		}
 		
 	}
 	.type-box-items {
 		width: 100%;
 		height: 100rpx;
 		line-height: 100rpx;
 		text-align: center;
 	}
 	.type-box-items-active {
 		width: 100%;
 		height: 100rpx;
 		line-height: 100rpx;
 		text-align: center;
 		color: #4B9A40;
		background-color: #EFFCDC;
		
 	}
 	.type-box-bottom {
 		margin-bottom: 100rpx;
 	}
 }
 
 .confirm-button {
	padding: 0 40rpx 100rpx 40rpx;
	box-sizing: border-box;
	.button-item {
		width: 100%;
		height: 90rpx;
		background: linear-gradient( 171deg, #60C100 0%, #1BB15A 100%, #3F8E5E 100%);
		border-radius: 46rpx;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 90rpx;
		text-align: center;
	}
 }
 
 .image-upload-item {
	margin-top: 130rpx;
 }
 .image-upload-item-two {
	margin-top: 30rpx;
 }
 
 .buttom-buttons {
 	box-shadow: 0rpx 0rpx 2rpx 0rpx rgba(0,0,0,0.3);
 	position: fixed;
 	bottom: 0;
 	left: 0;
 	background-color: #fff;
 	width: 100%;
 	display: flex;
 	height: 176rpx;
 	padding: 28rpx 0 0 0;
 	box-sizing: border-box;
 	z-index: 99;
 	
 	.buttons-baoming {
 		width: 690rpx;
 		height: 80rpx;
 		background: linear-gradient( 171deg, #60C100 0%, #1BB15A 100%, #3F8E5E 100%);
 		border-radius: 40rpx;
 		margin-left: 44rpx;
 		line-height: 80rpx;
 		text-align: center;
 		font-weight: 500;
 		font-size: 28rpx;
 		color: #FFFFFF;
 	}
 	
 }
 
 .item-line {
	 width: 100%;
	 height: 20rpx;
	 background: #F9F9F9;
 }